/*
*
* @Author: Sheila - imaginariocriativo.com.br
* @version 0.1
*/

/* ============ Complemento - por bug no Chrome ======================*/


/* ============ Layout ====================================*/
html, .body_contos, .capa, .body_agenda {
	height: 100%;
}

.barraseparar{
	 box-shadow: 0 0 10px 1px brown;
}

.contatos{
	 background-image: url('../img/LogoJatobaColorido.png');
	 background-position: left;
	 background-repeat: no-repeat;
}


.quadroescutacomp{
	background: url('../img/EscutaFundoPB.png'); 
	background-repeat: no-repeat;
	color: #EEDD82;
	font-size: 1.1em;}


.empresa{
	background: url('../img/fundo_empresa.jpg'); 
	background-repeat: repeat;
	color: #EEDD82;
	background-position: top left;
	font-size: 1.1em;}

}

@media screen and (min-width: 0px) and (max-width: 600px) {
    div.foto1contos { display: none; }  
    div.textocontosafrica {padding-top: 20px;}
    div.imagensafrica{display: none; }
    div.textoasia {padding-top: 20px;}
    div.imgasia {display: none;}
    div.textoanti {margin-top: 20px;}
    div.baugrande{display: none;}
    section.quadroescutacomp {background: url('../img/EscutaFundoPBCel.png'); background-repeat: no-repeat;}
    div.textoescutacomp{margin-top: 100px;}
    div.textoescutacomp p{font-size: 1em;}
   }


.quadrocontato{
	background: url('../img/BauCor.jpg');
	background-repeat: no-repeat;
	height:  100%
}

.textocontato{
	max-width: 700px;
	height: relative;
	color: #ffff;
	background-color: rgba(0,0,0,0.8); 
	color: white;
  	margin: 0 auto;
}

.body_contos{
	background: url('../img/FundoCinco.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	height:  100%;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.aberturacontos {
	display: table-cell;
	color: #FF5722;
	text-shadow: 1px 1px 1px #000033;
	background-color: rgba(0, 0, 102, 0.7);
	padding-top: 100px;
}

.capa{
	display: table;
	width: 100%;
}

.introcontos{
	background-color: rgba(0, 0, 0, 0.8);
	height:  100%;
	color:  #EEDD82;
	padding-top: 40px;
	padding-left: 40px;
	text-shadow: 1px 1px 1px #000033;
}

.contosafrica{
	background: url('../img/girafa.jpg');
	background-repeat: no-repeat;
	height:  100%;
}

.textocontosafrica{
	padding-top: 100px;
	color:#0A2A0A;
}

.body_integra{
	background: url('../img/texturapapel.jpg');
	background-repeat: no-repeat;
	height:  100%;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.asia{
	background: url('../img/asia.jpg');
	background-repeat: no-repeat;
	height:  100%;
}

.textoasia{
	padding-top: 80px;
}

.antiprincesas{
	height:  100%;
}

.textoanti{
	color: #EEDD82;
	margin-top: 100px;
	padding-top: 20px;
	background-color: rgba(0, 0, 0, 0.5);
}

.fundoanti{
	color: #EEDD82;
	margin-top: 10px;
	padding-top: 20px;
	background-color: rgba(0, 0, 0, 0.7);
}

.oficina{
	background: url('../img/CincoContos_sepia.jpeg');
	background-repeat: no-repeat;
	height:  100%;
}

.body_agendacomp{
	background: url('../img/FundoAgenda.jpg');
	background-repeat: no-repeat;
	height:  100%;
	color: #EEDD82;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}


.textoescutacomp{background-color: rgba(0,0,0,0.9);color: #ff9966;}

.textoescutacomp p{font-size: 1.2em}

.papel{
	background: url('../img/texturapapel2.png'); 
	background-repeat: repeat;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.papel8{
	background: url('../img/texturapapel.png'); 
	background-repeat: no-repeat;
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
	height:  90%;
}

.textoempresa{
	background-color: rgba(117,51,39,0.8);
	color: #EEDD82;
	padding: 15px 15px 15px 15px;
}



/* SHIFT - EFEITO DO MENU*/  
nav.shift ul li a {
  position:relative;
  z-index: 1;
}
nav.shift ul li a:hover {
  color: #EEDD82;
}
nav.shift ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  color: transparent;
  background: #EEDD82;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
nav.shift ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
}

/* Keyframes */
@-webkit-keyframes fill {
  0% {
    width: 0%;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  100% {
    width: 100%;
    height: 100%;
    background: #EEDD82;
  }
}